<template>
    <v-app  class="Links-container">
      <v-banner>2020春季计算机学院软件工程(罗杰 任健)其他项目</v-banner>
      <v-container >
        <template>
         <v-row>

          <!--1-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="http://114.116.135.181/" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!---
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "Visual Lab Online": 在线运行代码，随时、随地、随心
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g6W.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>拒绝VisualStudio</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>


          <!--2-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="http://47.94.141.56/" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!--
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "知识路书": 让文献管理没有那么繁琐
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g6Y.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>敏捷开发</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>



          <!--3-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="http://20.185.223.195" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!--
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "软件工程课程实践管理平台": 老师放心、助教舒心、学生开心
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g70.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>The Agiles</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>
         </v-row>

        <v-row>
          <!--4-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="https://bhpan.buaa.edu.cn:443/link/3931F1B863CE71672F72F7E2350C596D" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!---
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "航胥": 一款更想要了解你的北航教务助手
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g74.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>顶级理解团队</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>


        

          <!--5-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="https://wheremeow.com/" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!--
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "OCR-Form-Tools": 更多数据、更易训练的表单识别工具
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g77.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>Name Not Found</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>


          <!--6-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="https://pan.baidu.com/s/1piu_3AjFxlpfAzgVOnDdZw" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!--
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "掌上博客园": 随时随地看博客 (提取码:fnti)
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g79.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>软工小白菜</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>
         </v-row> 

          <v-row>
          <!--7-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="https://github.com/BuaaNoCode/nocode_Frontend/releases/download/v1.0.0/NoCode.apk.1" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!---
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "简易表单数据识别": 高效小型OCR助手
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g7k.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>no code</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>


          <!--8-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="https://www.coolapk.com/game/261591" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!--
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "Call Of Code": 游戏与魅力的有机结合，在轻松愉悦的氛围下学习到编程知识
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g7a.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>对对子队</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>




          <!--9-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="http://visualpytorch.top/static/" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!--
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "Visual PyTorch": 可视化神经网络，拖拽构建网络，一键导出代码，你的深度学习好帮手
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g7c.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>NAG2020</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>
         </v-row>


          <v-row>
          <!--10-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="http://114.115.250.237:8000/index/" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!---
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "实体关系在线标注": 构建属于自己的知识图谱
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g7e.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>二食堂很难排队</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>


        

          <!--11-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="https://tcs.teambition.net/storage/111u928c51e4a7020de6c627c89e2fdb328c?Signature=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJBcHBJRCI6IjU5Mzc3MGZmODM5NjMyMDAyZTAzNThmMSIsIl9hcHBJZCI6IjU5Mzc3MGZmODM5NjMyMDAyZTAzNThmMSIsIl9vcmdhbml6YXRpb25JZCI6IiIsImV4cCI6MTU5MjM1NjkyOCwiaWF0IjoxNTkxNzUyMTI4LCJyZXNvdXJjZSI6Ii9zdG9yYWdlLzExMXU5MjhjNTFlNGE3MDIwZGU2YzYyN2M4OWUyZmRiMzI4YyJ9.WdMCOh4Rk_HiiQNeJS4DZ8-uv3zKHiZ8w7_JP6Ulz3c" target="_blank" rel="noopener noreferrer">            
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!--
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "表情包管理助手": 海量表情包任你使用
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img
                            class="elevation-6"
                            src="https://tcs.teambition.net/storage/111u928c51e4a7020de6c627c89e2fdb328c?Signature=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJBcHBJRCI6IjU5Mzc3MGZmODM5NjMyMDAyZTAzNThmMSIsIl9hcHBJZCI6IjU5Mzc3MGZmODM5NjMyMDAyZTAzNThmMSIsIl9vcmdhbml6YXRpb25JZCI6IiIsImV4cCI6MTU5MjM1NjkyOCwiaWF0IjoxNTkxNzUyMTI4LCJyZXNvdXJjZSI6Ii9zdG9yYWdlLzExMXU5MjhjNTFlNGE3MDIwZGU2YzYyN2M4OWUyZmRiMzI4YyJ9.WdMCOh4Rk_HiiQNeJS4DZ8-uv3zKHiZ8w7_JP6Ulz3c"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>好好编程BUAA_SE</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>




          <!--12-->
           <v-col cols="4" style="padding:20px">
             <!-- 站内跳转router-link，站外跳转a -->
             <a href="http://114.115.141.131/#/admin/login" target="_blank" rel="noopener noreferrer">
              <v-hover
                v-slot:default="{ hover }"
                close-delay="200"
              >
                <v-card
                    :elevation="hover ? 16 : 2"
                    class="mx-auto"
                    color="#334154"
                    dark
                    max-width="400"
                  >

                  <!--
                    <v-card-title>
                      <v-icon
                        large
                        left
                      >
                        mdi-message-text
                      </v-icon>
                      <span class="title font-weight-light">Baidu</span>
                    </v-card-title>
                  -->

                    <v-card-text class="headline font-weight-bold">
                      "高校社团管理助手": 高校社团、高效管理
                    </v-card-text>

                    <v-card-actions>
                      <v-list-item class="grow">
                        <v-list-item-avatar color="grey darken-3">
                          <v-img 

                            class="elevation-6"
                            src="https://i.niupic.com/images/2020/06/12/8g7g.png"
                          ></v-img>
                        </v-list-item-avatar>

                        <v-list-item-content>
                          <v-list-item-title>Roger 海贼团</v-list-item-title>
                        </v-list-item-content>

                      </v-list-item>
                    </v-card-actions>
                  </v-card>
              </v-hover>
            </a>  
           </v-col>
         </v-row>



      </v-container>
    </v-app>

</template>


<script>
  export default {
    data: () => ({
    }),

    methods:{

    }
  }
</script>


<style lang="scss" scoped>
  $bg:#2d3a4b;
  // $dark_gray:#889aa4;
  // $light_gray:#eee;
  $white: #ffffff;

  .Links-container {
    min-height: 100%;
    width: 100%;
    background-image: url('../../assets/bgd3.jpg');
    
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    min-width: 1000px;
    z-index:-10;
    zoom: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    // background-color: $bg;
    overflow: hidden;
    
  }
</style>


